@import "../base";
/************************************************************************/
/** 项目详情 **/
.pro-detail {
	padding: 24px; .bg;
	h1 { .cb85; .fzz(16px); padding: 10px 0; }
	//上半部分
	.pro-top { .pr;
		div { padding: 10px 0; .cb65; }
		.pro-top-span1,.pro-top-span2 { .diA(90px); }
		.pro-top-span1 { .cb85; }
		.pro-top-span2 { width: 55%; }
		.pro-top-span3 { .diA(248px,40px); .bg(#1890FF); .center; .cw85; .lh(40px); .bradius(4px); .fzz(16px); }
		.pro-top-span3:active { .bg(#0071DB); }
		.pro-top-span4 { .c(#1890FF); }
		.pro-top-span5 { .c(#F5222D); }
		.pro-top-div1 { padding: 20px 0; margin: 20px 0; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; }
		.pro-status { .pr; .pal(15px); &:before { .transform(scale(.7)); top: 6px; } }
		//按钮
		.pro-btn {
			.pa; top: 10px; right: 24px;
			a { .diA(auto,32px); .lh(32px); .bradius(4px); .border(#D9D9D9); .cb65; .center; margin: 0 7px; padding: 0 16px; }
			a:hover { .bg(#ebebeb); }
			.pro-btn-cur { .bg(#1890FF); .cw85; }
			.pro-btn-cur:hover { .bg(#006CCE); }
		}
	}

	//下半部分
	.pro-bot {
		table {
			width: 100%; border-collapse: collapse;
			thead {  .pab(10px); }
			th { .cb85; .center(left); .bg(#FAFAFA); padding: 17px;  }
			td { width: 24%; padding: 7px 17px; span:first-child { .mr(10px); } }
		}
	}
}


/** 弹框 - 提交项目申请 **/
.tjxmsq-rop { .bg(#FAFAFA); .center;
	.tjxmsq-rop-head { padding: 22px 39px; .lh(22px); .fzz(16px); .fw(400); .cb85; .center(left); }
	.arc-thread { .pat(0px);
		width: 90%; height: 20px; .pr; display: inline-block;
		.arc-t1 { .diA(8px,8px); .bg(#BFBFBF); .bradius; }
		.arc-t2 { .diA(27%,2px); .bg(#E9E9E9); .mt(3px); }
	}
	.arc-other { .pab(14px);
		width: 121%; .transform(translateX(-.5%));
		>li { width: 22%; .center(left); }
		div { .mb(14px); .lh(22px); .fzz(14px); .cb45; }
		p { .cb65; .fzz(12px); .lh(20px); i { .diA(12px,12px); .ml(5px); .mt(2px); .bradius; overflow: hidden; img { .wh; } } }
		.arc-time { font-family: Helvetica; .mr(10px); }
		a { .c(#1890FF); .fzz(12px); }
	}

	.arc-t-succ1 { background-color: #1890FF !important; }
	.arc-t-succ2 { div { color: rgba(0,0,0,.85) !important; } }
	.arc-t-succ3 { div { color: rgba(0,0,0,.65) !important; } p { color: rgba(0,0,0,.45) !important; } }
}